<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>多选</title>

<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css?v=4.4.0" rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/plugins/iCheck/custom.css" rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/plugins/chosen/bootstrap-chosen.css" rel="stylesheet">



<link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">

</head>

<body>

	<div id="wrapper">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="ibox-content">
					<div class="form-group">
						<div>
							<select data-placeholder="Choose a Country..."
								class="chosen-select" multiple style="width: 350px;"
								tabindex="4">
								<option value="">Select</option>
								<option value="United States">United States</option>
								<option value="United Kingdom">United Kingdom</option>
								<option value="Afghanistan">Afghanistan</option>
							</select>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<script src="${pageContext.request.contextPath }/js/jquery.min.js?v=2.1.4"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js?v=3.3.6"></script>

	<script src="${pageContext.request.contextPath }/js/content.js?v=1.0.0"></script>

	<!-- Chosen -->
	<script src="${pageContext.request.contextPath }/js/plugins/chosen/chosen.jquery.js"></script>



	<script>
		$(document).ready(function() {

			$('.chosen-select').chosen({
				width : "100%"
			});

		});
	</script>

</body>

</html>
